.booklistbox {
    .booklisttopbox {
        font-size: 16px;
        line-height: 3;
        color: var(--tips-color);
        font-weight: bold;
        display: flex;
        width: 100%;
        box-sizing: border-box;
        padding: 0 26px;
        justify-content: space-between;
        .remove{
            color: #d9948b;
        }
    }

    .booklistbottombox {
        padding: 0 16px;
        width: 100%;
        box-sizing: border-box;
        border-top: 1px solid var(--border-color);

        .booklistflexbox {
            display: flex;
            width: 100%;
            flex-wrap: wrap;

            .none {
                text-align: center;
                color: var(--tips-color);
                font-size: 14px;
                font-weight: bold;
                margin-top: 20px;
                width: 100%;
            }

            .booklistminbox {
                margin-top: 25px;
                margin-right: 36px;

                &:nth-child(3n) {
                    margin-right: 0;
                }

                .bookface {
                    position: relative;

                    height: 130px;
                    width: 90px;

                    .icon {
                        position: absolute;
                       
                        bottom: 0px;
                        right: 4px;

                        i {
                            width: 26px;
                            height: 26px;
                            border-radius: 50%;
                            &.checked{
                                overflow: hidden;
                                background-color: #447dc3;
                                color: white;
                            }
                            color: white;
                            font-weight: bold;
                            font-size: 26px;
                        }
                    }

                    img {
                        width: 100%;
                        height: 100%;
                    }
                }

                .booktitle {
                    margin-top: 5px;
                    font-size: 14px;
                    font-weight: bold;
                    color: var(--font-color);
                    width: 90px;
                    text-align: center;
                }
            }
        }
    }
}